轴线选项

轴线类型在第二版的chartjs中有了显著的提升，而且和第一版的有所区别。

• 支持多个x轴与多个y轴的情况。
• 内置的标签有一个auto-skip特性，当检测到有ticks和lables要重叠时，它会去掉这第n个lable来保持正常的显示。
• 支持轴线标题。
• 可以在原有基础上扩展新的轴线类别而不用重新写一个。

常见配置

每一个轴线都继承了核心的轴线类，这个轴线类有如下配置选项：

网格线配置

网格线的配置是在轴线选项key为gridLines时启用。它定义了运行垂直于轴的网格线。

轴线标题配置

网格线的配置是在轴线选项key为scaleLabel时启用。它定义了轴线标题。

记号配置

网格线的配置是在轴线选项key为ticks时启用。它定义了轴坐标生成的记号。

创建定制的记号格式

callback方法被用来进行高级记号定制。在下面的例子中，y轴上的每一个标签都将以科学记数的形式展现。

如果callback返回null或是undefined，网格线将会隐藏。

var chartInstance = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    // Create scientific notation labels
                    callback: function(value, index, values) {
                        return value.toExponential();
                    }
                }
            }]
        }
    }
});

类别轴线

类别轴线和1.0版本中的使用相似. 标签会根据图表的标签数组数据中绘制. 如果只有data.labels被定义, 这会被展示出来. 如果data.xLabels被定义并且轴式水平的，这是有效的，会被展示出来. 同样, 如果data.yLabels被定义并且轴是垂直的,这也没有问题. xLabels 和 yLabels 一起使用会创造一个x轴和y轴上都有字符串的图表.

配置选项

类别轴线还有如下额外的配置选项可以设置

线型轴线

线型轴线使用的是图表数字型数据，可以在x轴，y轴使用

配置选项

下面的选项都是由线型轴线提供，这些都是ticks的子选项

实例配置

下面的实例创建了一个在y轴上一0.5为间隔的从0到5的线型图表。

var chartInstance = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    max: 5,
                    min: 0,
                    stepSize: 0.5
                }
            }]
        }
    }
});

对数轴线

线型轴线使用的是图表数字型数据，可以在x轴，y轴使用。 正如名称所示，使用对数插值来确定一个值在轴上的位置。

配置选项

下面的选项都是由对数轴线提供，这些都是ticks的子选项

实例配置

下面的例子创建了一个具有从1到1000的对数X轴的图表。

var chartInstance = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            xAxes: [{
                type: 'logarithmic',
                position: 'bottom',
                ticks: {
                    min: 1,
                    max: 1000
                }
            }]
        }
    }
})

时间轴线

时间轴线被用来展示时间和数据. 可以只用于x轴. 当创建记号时, 它会自动计算出轴线最合适的单元大小。

配置选项

时间轴线提供下列配置选项. 它们都位于time子选项中.

数据格式

当为时间轴线提供数据时, Chart.js支持Moment.js支持的所有时间格式。 详情请看Moment.js 文档。

展示格式

下面的时间格式被用来配置不同的时间单元在轴作为记号标记时的字符串展示形式。 请看moment.js 查看被允许使用的字符串格式。

例如, 为“季度”单元设置显示格式，以显示月和年, 下面的配置将被传递给图表构造函数.

时间单元

支持下裂时间度量. 这些名字可以作为字符串传递给 time.unit 选项来强制使用一个单元.

• millisecond(毫秒)
• second（秒）
• minute（分钟）
• hour（小时）
• day（天）
• week（周）
• month（月）
• quarter（三个月，季度）
• year（年）

例如,为了创建一个时间轴线的图表，一般都展示每个月的数据，如下配置可供使用.

var chartInstance = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            xAxes: [{
                time: {
                    unit: 'month'
                }
            }]
        }
    }
})

放射形线形轴线

放射形线形轴线 是专门用于雷达和极坐标图类型的。 它覆盖了图表区域，而不是放在一个边缘上。

配置选项

下列额外配置选项供放射线型轴线使用。

角度线选项

下面的选项用来配置从图表中间到点标签的角度线。它们都位于angleLines子选项中。 注意这些选项只有在lineArc为false时使用。

点标签选项

下面的选项用来配置规模范围内的点标签。 它们都位于pointLabels子选项中.注意这些选项只有在lineArc为false时使用。

记号选项

更新默认的轴线配置

使用轴线提供的接口可以轻易的修改配置。 传递的部分配置修改会和当前轴线的默认配置合并。

例如, 为了给所有的线型轴线设定最小值0，你可以做如下操作。如何在这操作之后创建的线型轴线都会有一个最小值0。

Chart.scaleService.updateScaleDefaults('linear', {
    ticks: {
        min: 0
    }
})